<template>
	<view class="sh-title-card u-m-b-10">
		<view class="">
			<view class="title-left u-m-l-45 u-m-b-20 u-m-t-20"
			  v-if="styleType == 1"
			  :style="{ 
			  	  color: titleColor ,fontsize:fontSize,
			      fontSize: fontSize + 'rpx',
			  }"
			>{{ title }}</view>
				
			</view>
			<view class="title-middle u-m-t-20 u-flex u-row-center "
			     v-if="styleType == 2"
			     :style="{ 
					 color: titleColor ,fontsize:fontSize,
				     fontSize: fontSize + 'rpx',
				 }"
				 
			>{{ title }}</view>
		</view>
	</view>
</template>

<script>
/**
 * shTitleCard 组件标题栏
 * @property {String} bgImage - 背景图
 * @property {String} title - 标题
 * @property {String} titleColor - 标题颜色
 */
export default {
	components: {},
	data() {
		return {};
	},
	computed: {},
	props: {
		styleType: {
			 type: [Number, String],
			 default: 1
		},
		bgImage: {
			type: String,
			default: ''
		},
		title: {
			type: String,
			default: ''
		},
		titleColor: {
			type: String,
			default: ''
		},
		fontSize: {
			type: [Number, String],
			default: 28
		},
		
	},
	methods: {}
};
</script>

<style lang="scss">

</style>
